<h1>Profile Page</h1>
<div class="col-lg-6 col-md-6 col-sm-12">
      
    <div class="row">
        <div class="control-group">
                <p>&nbsp;</p>
                <p><strong>Rep Role: </strong><?php echo $user->role; ?></p>
                <p>&nbsp;</p>
        </div>
        <div class="control-group">
            <p><strong>Login Name: </strong><?php echo $user->username; ?></p>
            <p>&nbsp;</p>
        </div>
    </div>
  <div class="row">
        
        <div class="control-group">
            <p><strong>Email: </strong> <?php echo $user->email; ?></p>
            <p>&nbsp;</p>
        </div>
        <div class="control-group">
            <p><strong>Phone: </strong><?php echo $user->phone; ?></p>
            <p>&nbsp;</p>
        </div>
  </div>
  <div class="row">
        <div class="control-group">
        <a href="/users/edit/<?php echo $user->id ?>" class="btn btn-success">Edit Profile</a>
      </div>
  </div>
</div>
    <div class="col-lg-6 col-md-6 col-sm-12">
    <?php if((isset($user->image)) && ($user->image !='')){ ?>
      <a class="thumbnail" href="/public/photos/<?php echo $user->image; ?>"  data-toggle="lightbox" data-gallery="multiimages" data-title="Outside">
            <img class="img-rounded" src="/public/photos/<?php echo $user->image; ?>"/>
        </a>
        <?php }else{ ?>
        <a class="thumbnail" href="/images/upload-photo.png" data-toggle="lightbox" data-gallery="multiimages" data-title="Outside">
            <img class="img-rounded" src="/images/upload-photo.png"/>
        </a>
     <?php } ?>
    </div>
    
    <script type="text/javascript">
    $(document).ready(function ($) {
        $(document).delegate('*[data-toggle="lightbox"]', 'click', function(event) {
            event.preventDefault();
            return $(this).ekkoLightbox();
        });
    });
</script>